/**扩
 * 展一个demo模块
 * **/
layui.define(['table', 'form'], function(exports) { //提示：模块也可以依赖其他模块，如layui.define('mod1',callback);
    var $ = layui.$,
        table = layui.table,
        form = layui.form;
    //第一个实例
    table.render({
        elem: '#LAY-app-content-list',
        // height: 520,
        url: '/admin/cases/list.php', //数据接口
        page: true, //开启分页
        limit: 5,
        limits: [5, 10, 15, 20],
        cols: [
            [ //表头
                {
                    type: 'checkbox',
                    fixed: 'left',
                    align: 'center'
                }, {
                    field: 'id',
                    title: 'ID',
                    width: 80,
                    sort: true,
                    fixed: 'left',
                    align: 'center'
                }, {
                    field: 'cases_name',
                    title: '名称',
                    align: 'center'
                }, {
                    field: 'pic',
                    title: '图片',
                    templet: '#picTpl',
                    align: 'center'
                }, {
                    field: 'sortname',
                    title: '类别',
                    align: 'center'
                }, {
                    field: 'time',
                    title: '添加时间',
                    templet: '#timeTpl',
                    align: 'center'
                }, {
                    field: '',
                    title: '操作',
                    toolbar: '#table-content-list',
                    align: 'center'
                }
            ]
        ]
    });

    //行工具事件
    table.on('tool(LAY-app-content-list)', function(
        obj) { //注：tool 是工具条事件名，LAY-app-content-list 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

        if (layEvent === 'del') { //删除
            layer.confirm('真的删除行么', function(index) {
                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                //向服务端发送删除指令
                $.ajax({
                    url: "/admin/cases/del.php",
                    data: {
                        id: data.id
                    },
                    dataType: "json",
                    success: function(res) {
                        if (res.code == 0) {
                            table.reload('LAY-app-content-list');
                            layer.msg('已删除');
                        }
                    }
                });
            });
        } else if (layEvent === 'edit') { //编辑
            //do something
            layer.open({
                type: 2,
                title: '修改--工程案例',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['80%', '450px'],
                content: '/admin/cases/edit_1.php?id=' + data.id,
                btn: ['确定', '取消'],
                resize: false, //不允许拉拽
                yes: function(index, layero) {
                    var iframeWindow = window['layui-layer-iframe' + index], //
                        submit = layero.find('iframe').contents().find('#layuiadmin-app-form-edit'); //找到编辑提交容器

                    // 监听事件
                    iframeWindow.layui.form.on('submit(layuiadmin-app-form-edit)', function(data) {
                        var field = data.field; //获取提交的数据
                        // 提交ajax成功后，静态更新表格的数据
                        $.ajax({
                            method: "post",
                            url: "./save.php",
                            data: field,
                            dataType: "json",
                        });
                        // 数据更新
                        obj.update({
                            cases_name: field.cases_name,
                            pic: field.pic,
                            sortid: field.sortid,
                            time: field.time
                        })
                        form.render();
                        table.reload('LAY-app-content-list'); //表格数据刷新
                        layer.close(index); //关闭弹层
                    });
                    submit.trigger('click');
                }
            });
        }
    });
    //    输出list接口
    exports('list', {});
})